page {
  height: 100vh;
  background-color: #DCDCDC;
}

.backg {
  background-color: red;
}




//搜索栏
.search {
  display: flex;
  align-items: center;
  background-color: white;
  border-radius: 25px;
  padding: 10px;
  margin: 15rpx 35rpx;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);


}

.search-input {
  flex: 1;
  border: none;
  outline: none;
  background-color: transparent;
  font-size: 16px;
  color: #333;
}

.search-icon {
  width: 45rpx;
  height: 45rpx;
  margin-right: 15rpx;
}

//商品分类导航
.classify {
  display: flex;
  justify-content: space-between;
  background-color: white;
  border-radius: 50rpx;
  margin: 10rpx 10rpx;

  view {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20rpx 16rpx;

    image {
      width: 135rpx;
      height: 135rpx;
      border-radius: 40rpx;
    }

    text {
      margin-top: 10rpx;
      font-size: 30rpx;
    }
  }
}

//空隙
.kongbai {
  height: 10rpx;
}

.allgood {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;

  .good {

    margin-top: 30rpx;
    display: flex;
    border-radius: 30rpx;
    flex-direction: column;
    background-color: white;
    width: 48%;
    height: auto;

    .image_desc {
      margin: 10rpx auto;
      image {
        border-radius: 20rpx;
        
        width: 330rpx;
        height: 330rpx;
      }
    }

    .desc {
      width: 90%;
      margin: 10rpx auto;
    }

    price{
      margin-left: 20rpx;
      margin-bottom: 10rpx;
    }


  }
}